
// .du{
//     background: #1369c0;
//     .chang{
//         width: 1210px;
//         margin: 0 auto;
//         height: 40px;
//         .chang_left{
//             float: left;
//             height: 40px;
//             width: 200px;         
//             line-height: 36px;
//             background: #4593FD;
//             #ssss{
//                 color:white;
//             }
//             a{
//                 color: #2586D2;
//                 margin-left: 20px;
//                 text-decoration: none;
//                 list-style: none;
//                 span{
//                     color: #aaa;
//                     margin-left: 10px;
//                     text-decoration: none;
//                 }
//             }
//             &>ul{
//                 position: absolute;
//                 z-index: 5;
//                 background: white;
//                 width: 200px;
//                 display: none;
//                 &>li{
//                     line-height: 30px;
//                     list-style-type: none;
//                     &>a{
//                         transition: all 0.3s ease;
//                         display: block;
//                         font-size: 12px;
//                         text-decoration: none;
                       
//                     }
//                     &:hover{
//                         a{
//                             transform:translate(10px,0);
//                             -webkit-transform:translate(10px,0);
//                             -moz-transform:translate(10px,0);
//                             -ms-transform:translate(10px,0);
//                             -o-transform:translate(10px,0);
//                             border-bottom: 1px solid #1495E7; 
//                            }
    
//                     }
//                     }
//                     .zhong{
//                      border: solid 1px #cacaca;
//                         border-left: none;
//                         width: 569px;
//                         padding: 20px  30px;
//                         left: 199px;
//                         top:0;
//                         z-index: 900;
//                         background: #fff;
//                         position: absolute;
//                         display: none;
//                         height: 462px;
//                         opacity: .95;
                      
//                         h3{
//                             //    overflow: hidden;
//                             clear: both;
//                            }
//                         ul {
//                             overflow: hidden;
//                             border-bottom: 1px solid #f0f0f0;
//                             padding-bottom: 8px;
//                            h3{
//                             //    overflow: hidden;
//                             clear: both;
//                            }
//                             li{
//                                 float: left;
//                                 a{
//                                     color: #000; 
//                                     font-size: 12px;
//                                     &:hover{
//                                         color: #0691f9;
//                                     }
//                                 }
//                             }
//                         }
//                         // &>&:hover {
//                         //     display: block;
//                         // }
//                     }
//                 } 
//             }
            
            
        
//         .chang_right{
//             float: left;
//             li{
//                 float: left;
//                 width: 96px;
//                 height: 36px;
//                 line-height: 36px;
//                 text-align: center;
//                 position: relative;
//                 a{
//                     color: #fff;
//                 }
//                 &:hover{
//                     background: #0f54b3;
//                 }
//             }
//             img{
//                margin-left: 300px;
//             }
//         }
//     }
// }
.main{
    width: 100%;
   .mainbox{
        width: 1210px;
        overflow: hidden;
        margin: 0 auto;
        .main_lt{
            width: 200px;
            float: left;
            .liulan{
                width: 190px;
                border: 1px solid #E8E8E8;
                // padding-bottom: 20px;
                .liu_h{
                    height: 35px;
                    width: 190px;
                    background: #E8E8E8;
                    p{
                       color: #666666; 
                       font-size: 15px;
                       text-align: center;
                       line-height: 35px;
                    }
                }
                .liu_d{
                    height: 10px;
                    background: white;
                }
            }
            .rexiao{
                width: 190px;
                border: 1px solid #E8E8E8;
                margin-top: 20px;
                .re_h{
                    height: 35px;
                    width: 190px;
                    background: #E8E8E8;
                    p{
                       color: #666666; 
                       font-size: 15px;
                       text-align: center;
                       line-height: 35px;
                    }
                }
                .re_d{
                    background: white;
                    li{
                        margin: 20px 10px;
                        span{
                            color: red;
                        }
                    }
                }
            }
        }
        .mian_rt{
            float: left;
            width: 1010px;
            .list_ul{
                float: right;
                li{
                    float: left;
                    height: 400px;
                    margin-top: 10px;
                    border: 1px solid white;
                    // overflow: hidden;
                    // margin: 20px 10px;
                    &:hover{
                        border: 1px solid #666666;
                        height: auto;
                      
                     .jianjie{
                            height: auto;
                           
                        }
                    }
                }
            // margin-left: 10px;
            .goods{
                width: 244px;
              
                
                .tu{
                    img{
                        width: 200px;
                        height: 200px;
                        margin: 30px 22px 0px 22px;
                    }
                }
                .doullor{
                    width: 200px;
                    margin-top: 20px;
                    span{
                        text-indent: 5px;
                        &:nth-of-type(1){
                        font-size: 16px;
                        color: red;
                         }
                         &:nth-of-type(2){
                            font-size: 16px;
                            color: red;
                             }
                         &:nth-of-type(3){
                            font-size: 10px;
                            color: #666668;
                                 }
                   
                }
            }
           
        
            .jianjie{
                display: block;
                font-size: 12px;
                height: 30px;
                overflow: hidden;
              
            }
            .gwc{
                width: 94px;
             height: 26px;
            line-height: 26px;
            color: #fff;
             text-align: center;
            background: #e4393c;
             border:none;
            }
            }
        }
    }
    }

}
